/**
 * Created by Administrator on 2017\9\21 0021.
 */
import React from 'react';
import {Link} from 'react-router-dom';
import { Row,Col,Input,Form,Button} from 'antd';
import template from './../../commonui/template';
const FormItem = Form.Item;

class Page extends React.Component{
   /* constructor(porps){
        super(props);
    }*/
    render(){
        const {getFieldDecorator} = this.props.form;
        return(
            <div>
                <Form onSubmit={this.handleSubmit}>
                    <Row>
                  <Col>
                      <img src="" alt="avatar"/>
                  </Col>
                    <Col>
                        <Row>
                            <Col>
                                <FormItem label="Name">
                                    {getFieldDecorator('userName',{
                                        rules:[{required:true,message:'Please input your name'}]
                                    })(
                                        <Input />
                                    )}
                                </FormItem>
                            </Col>
                            <Col >
                                 <FormItem label="Concat Number">
                                    {getFieldDecorator('phone',{
                                        rules:[{required:true,message:'Please input your Concat Number'}]
                                    })(
                                        <Input />
                                    )}
                                </FormItem>
                            </Col>
                        </Row>
                        <Row>
                            <Col >
                                <FormItem label="Staff No">
                                    {getFieldDecorator('Staff No',{
                                        rules:[{required:true,message:'Please input your Staff No'}]
                                    })(
                                        <Input />
                                    )}
                                </FormItem>
                            </Col>
                            <Col >
                                 <FormItem label="Family Address">
                                    {getFieldDecorator('address',{
                                        rules:[{required:true,message:'Please input your Family Address'}]
                                    })(
                                        <Input />
                                    )}
                                </FormItem>
                            </Col>
                        </Row>
                        <Row>
                            <Col span={12}>
                                <FormItem label="Dept">
                                    {getFieldDecorator('Dept',{
                                        rules:[{required:true,message:'Please input your Staff No'}]
                                    })(
                                        <Input />
                                    )}
                                </FormItem>
                            </Col>
                            <Col span={12}>
                                 <FormItem label="E-mail">
                                    {getFieldDecorator('email',{
                                        rules:[{required:true,message:'Please input your Family Address'}]
                                    })(
                                        <Input />
                                    )}
                                </FormItem>
                            </Col>
                        </Row>
                        <Row>
                            <Col>
                                <Button>Save</Button>
                            </Col>
                        </Row>
                        <Row>
                            <Col>
                                <Row>
                                    <FormItem label="User name">
                                    {getFieldDecorator('username',{
                                        rules:[{required:true,message:'Please input your User name'}]
                                    })(
                                        <Input />
                                    )}
                                </FormItem>
                                </Row>.
                                <Row>
                                    <FormItem label="Password">
                                    {getFieldDecorator('password',{
                                        rules:[{required:true,message:'Please input your password'}]
                                    })(
                                        <Input />
                                    )}
                                </FormItem>
                                </Row>.
                            </Col>
                            <Col>
                                <Button>Complete</Button>
                            </Col>
                        </Row>
                    </Col>
                </Row>
                </Form>
            </div>
        )
    }
}
const PlatPage =Form.create()(Page);
export default template({
    id: 'PlatPage',
    component: PlatPage
});